

body {
    background-color:#bababa;
    color:#fff;
    font:14px/1.3 Arial,sans-serif;
}


.container {
    color:#000;
    margin:5px auto;
    position:relative;
    width:300px;
}

.column1 {
    float:left;
    width:500px;
}

.column2 {
    float:left;
    padding-left:20px;
    width:500px;
}

#panel {
    float:left;
    border:1px #000 solid;
    cursor:crosshair;
}
.inner{
    float:left;
    padding-left:10px;
}
.input{
    padding-top: 10px;
    width:50px;
}

.column2 > div {
    margin-bottom:10px;
}


#swImage {
    border:1px #000 solid;
    box-shadow:2px 3px 3px #444444;
    cursor:pointer;
    height:25px;
    line-height:25px;

    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
}

#swImage:hover {
    margin-left:2px;
}

#preview {
    border:1px #000 solid;
    box-shadow:2px 3px 3px #444444;
    height:80px;
    width:80px;

    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
}
#selectedColor {
    border:1px #000 solid;
    box-shadow:2px 3px 3px #444444;
    height:80px;
    width:80px;
    float:right;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
}


.column2 input[type=text] {
    float:right;
    width:30px;
}

#myCanvas
{
    float:left;
    background-color: white;

}
